<template>
<div class="common-seach-wrap">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('user.balance_details')" name="log"></el-tab-pane>
      <el-tab-pane :label="$t('user.recharge_settings')" name="settings"></el-tab-pane>
      <el-tab-pane :label="$t('user.recharge_packages')" name="plan"></el-tab-pane>
      <el-tab-pane :label="$t('user.recharge_records')" name="record"></el-tab-pane>
      <el-tab-pane :label="$t('user.withdrawal_settings')" name="cashsetting"></el-tab-pane>
      <el-tab-pane :label="$t('user.withdrawal_records')" name="cash"></el-tab-pane>
    </el-tabs>

    <!--余额明细-->
    <Log v-if="activeName == 'log'"></Log>
    <!--余额设置-->
    <Setting v-if="activeName == 'settings'"></Setting>
    <!--充值套餐-->
    <Plan v-if="activeName == 'plan'"></Plan>
    <!--充值记录-->
    <Record v-if="activeName == 'record'"></Record>
    <!--提现设置-->
    <CashSetting v-if="activeName == 'cashsetting'"></CashSetting>
    <!--提现记录-->
    <Cash v-if="activeName == 'cash'"></Cash>
  </div>
</template>

<script>
import Setting from "./part/Setting.vue";
import Log from "./part/Log.vue";
import Plan from "./part/Plan.vue";
import Record from "./part/Record.vue";
import CashSetting from "./part/CashSetting.vue";
import Cash from "./part/Cash.vue";
export default {
  components: {
    Setting,
    Log,
    Plan,
    Record,
    CashSetting,
    Cash
  },
  data() {
    return {
      form: {
        status: 0
      },
      activeName: "log"
    };
  },
  methods: {}
};
</script>

